<!DOCTYPE html>
<html lang="en">
<head>
    <title>卡西欧商品列表</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./fonts/demo.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/list.css">
    <link rel="shortcut icon" href="./image/logo.ico" />
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/animate.js"></script>
    <script src="./js/detail.js"></script>
    <script src="./js/home.js"></script>
    <script src="./js/layer.js"></script>
    <script src="./js/list.js"></script>
</head>
<body>
<!-- 头部 -->
<div class="header">
    <div class="header-maddion">
        <ul>
            <li><a href=""><img src="./image/01.JPG" alt="">正品承诺</a></li>
            <li><a href="">常见问题</a></li>
            <li><a href="">产品注册</a></li>
            <li><a href="">发票说明</a></li>
            <li><a href="">卡西欧官网</a></li>
            <li class="ulest"><a href="./login.html">登录</a>
                <a href="./register.html">注册</a>
            </li>
            <li><a href="">积分值</a></li>
            <li><a href="cart.html" class="glyphicon glyphicon-shopping-cart"> 购物车0</a></li>
        </ul>
    </div>
</div>
<!-- 导航栏 -->
<div class="nav">
    <div class="nav-big">
        <div class="nav-left">
            <a href="./home.html">
                <img src="https://statics6.casiostore.com.cn/publics/images/pc/casio-logo.png" alt="...">
            </a>
        </div>
        <div class="nav-maddion">
            <ul>
                <li><a href="">手表</a></li>
                <li><a href="">钟表</a></li>
                <li><a href="">乐器</a></li>
                <li><a href="">电子辞典</a></li>
                <li><a href="">计算器</a></li>
                <li><a href="">特殊限定款</a></li>
                <li><a href="">配件</a></li>
                <li><a href="">最新活动</a></li>
                <li><a href="">个性定制</a></li>
                <li><a href="">C's CLUB会员专区</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <input type="text" value="MR-G系列" onkeydown="if (event.keyCode==20) {}"  onblur="if(this.value=='')value='MR-G系列';" onfocus="if(this.value=='MR-G系列')value='';" value="MR-G系列"/>
            <a href="" class="glyphicon glyphicon-search"></a>
        </div>
    </div>
</div>
<div class="container">
    <ol class="breadcrumb">
        <li><a href="./home.html"class="iconfont">&#xe64e; 首页</a></li>
        <li><a href="">&gt; 手表</a></li>
    </ol>
</div>
<!-- 轮播图 -->
<div class="menu">
    <ul>
        <li class="active">
            <a href="">
            <img src="./image/lb7.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="">
            <img src="./image/lb8.jpg"alt="">
            </a>
        </li>
        <li>
            <a href="">
            <img src="./image/lb1.jpg"alt="">
            </a>
        </li>
        <li>
            <a href="">
            <img src="./image/lb4.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="">
            <img src="./image/lb6.jpg"alt="">
            </a>
        </li>
    </ul>
    <ol>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>
</div>
<!-- 按钮 -->
<div class="submenu">
    <ol>
        <li><a href="" class="glyphicon glyphicon-triangle-left"></a></li>
        <li><a href="">明星同款GM-110-1APR</a></li>
        <li><a href="">明星同款GM-110B-1APR</a></li>
        <li><a href="">黑荔枝琴罩合作款PX-S1000</a></li>
        <li><a href="">冰韧系列 潮力觉醒</a></li>
        <li><a href="">fx-95CN X买赠</a></li>
        <li><a href="" class="glyphicon glyphicon-triangle-right"></a></li>
    </ol>
</div>
<!--分类图标展示-->
<div class="category category-content">
    <!--左侧分类-->
    <div class="category-list">
        <div class="category-list-menu">
            <a href=""><img class="img-responsive" src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/menu-left.png?201911225"></a>
        </div>
    </div>
    <!--右侧分类大图标-->
    <div class="category-group">
        <div class="category-subchannel">
            <ul class="">
                <li>
                    <a href="">
                        <img class="img-responsive" src="https://oss.casiostore.com.cn/pagesetting/5d438b7a5136b.jpg">
                        <div class="category-subchannel-title">积分商城</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="img-responsive" src="https://oss.casiostore.com.cn/pagesetting/5d438b7ad1b7a.jpg">
                        <div class="category-subchannel-title">表带定制</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img class="img-responsive" src="https://oss.casiostore.com.cn/pagesetting/5d438b7b65cb5.jpg">
                        <div class="category-subchannel-title">产品试用</div>
                    </a>
                </li>
                <div class="clearfix"></div>
            </ul>
        </div>
        <!--特色服务-->
        <div class="category-services">
            <ul class="list-inline">
                <li class="category-services-item">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/service.png">
                    <p class="text-center">&nbsp;</p>
                </li>
                <li class="category-services-item">
                    <a href="/subject/heji.html" target="_blank">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/custom.png">
                    </a>
                    <p class="text-center">为您打造 “独一无二” </p>
                </li>
                <li class="category-services-item">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/funny-watch.png">
                    <p class="text-center">微信扫码快速掌握操作</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--本周主打-->
<div class="flex flex-items-center flex-justify-content-center">
    <a href="">
        <img class="img-responsive" src="https://oss.casiostore.com.cn/pagesetting/6080cfd838515.jpg">
    </a>
    <div class="position-week-main">
        <div class="container">
            <div class="row">
                <a href="">
                    <div class="thumbnail thumbnail-background-roll-toggle">
                        <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/week-main-logo-white.png" alt="">
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="flex flex-items-center flex-justify-content-center">
    <a href="https://www.casiostore.com.cn/watch/g-shock/MTG-B2000BDE-1A/s6458.html" target="_blank">
        <img class="img-responsive" src="https://oss.casiostore.com.cn/pagesetting/6080cfd861f1c.jpg">
    </a>
</div>
<!--新品推荐-->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5e82bcf0f415a.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-white ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/new-product-logo-white.png" alt="">
                        <div class="caption">
                            <div class="describe describe-new-product"></div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle ">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 商品1 -->
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend ">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品2 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb721be01978.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/g-shock-logo.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                一切的开始，源于一个简单的信念：<br>
                                创造一块永不摔坏的手表。
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle ">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品3 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb5ce4171368.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-white ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/baby-g-logo.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                为有个性的，崇尚自由的女性提供<br>
                                运动生活、海滩生活和日常生活多种<br>
                                场景下的创新功能和时尚体验
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle ">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品4 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb5ce42054cc.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-white ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/edifice-logo-white.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                突破传统，执着追求用大胆与热情<br>
                                挑战每一个不可能，为理想前行，永不停步
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle ">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品5 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb5ce424682c.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-white ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/sheen-logo.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                腕间闪动着耀眼的光芒与灵动的智慧，<br>
                                镌刻时光闪耀的光辉
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle ">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品6 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb5ce41b97ad.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-black ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/pro-trek-logo-black.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                感知大自然，运用先进的三重感应器技术<br>
                                精准测量大自然的各种变化，<br>
                                助您探索未知领域
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle bth-background-roll-toggle-black">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 商品7 -->
<div class="background-category-newproduct">
    <div class="background-roll-toggle" style="background: url('https://oss.casiostore.com.cn/pagesetting/5fb5ce4299cb9.jpg') fixed top center no-repeat;">
        <div class="container">
            <div class="row">
                <div class="thumbnail thumbnail-background-roll-toggle thumbnail-background-roll-toggle-black ">
                    <img src="https://statics6.casiostore.com.cn/publics/images/pc/category/watch/lovers-logo-black-1.png" alt="">
                        <div class="caption">
                            <div class="describe">
                                卡西欧精选对表系列<br>
                                点滴时光，传递爱意
                            </div>
                            <a href="" target="_blank">
                                <button class="btn bth-background-roll-toggle bth-background-roll-toggle-black">查看更多</button>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row goods">
        <div class="thumbnail-product-recommend">
            <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="thumbnail-product-recommend thumbnail-product-recommend-padding-clear">
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60895d7937cfb.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90" alt="卡西欧手表 G-SHOCK 【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR">
                    </a>
                    <div class="title text-center">【新品】21年硬碰硬主题系列  【明星代言】  防水防震运动表款GA-700MG-1APR</div>
                    <div class="caption text-center">
                        <a href="" >
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>890</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div>     
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/60795184e91ed.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】MTG系列 配备可替换表带 人造蓝宝石玻璃镜面 蓝牙连接六局电波太阳能动力防水防震表款MTG-B2000BDE-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>8,590</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"></ul>
                    </div>
                </div>
            </div>           
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/606d635342579.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">【新品】ALPHATAURI联名款 碳纤维表圈与表盘 人造蓝宝石玻璃镜面蓝牙连接防水商务男表ECB-10AT-1APR</div>
                    <div class="caption text-center">
                        <a href="">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>2,190</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group"> </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <a href="">
                        <img class="thumbnail-img" src="https://oss.casiostore.com.cn/products/609341170265c.png?x-oss-process=image/resize,m_pad,w_285,h_285,limit_0/auto-orient,1/quality,q_90">
                    </a>
                    <div class="title text-center">全新型号 时尚个性 防水防震运动女表BGA-280</div>
                    <div class="caption text-center">
                        <a href="" title="卡西欧手表 BABY-G 全新型号 时尚个性 防水防震运动女表BGA-280" target="_blank">
                            <button class="btn btn-default btn-categories-product-recommend">￥
                                <strong>790</strong> |立即购买
                            </button>
                        </a>
                    </div>
                    <div class="watermark">
                        <ul class="list-group">
                            <li class="list-group-item label label-warning">个性定制</li>
                        </ul>
                    </div>
                </div>
            </div> -->
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- 底部 -->
<div class="tab">
    <div class="tab-md">
        <i><a href="" class="iconfont"><span>&#xe63a;</span>正品保证</a></i>
        <i><a href="" class="iconfont"><span>&#xe629;</span>个性定制</a></i>
        <i><a href="" class="iconfont"><span>&#xe69e;</span>全场免邮</a></i>
        <i><a href="" class="iconfont"><span>&#xe670;</span>积分商城</a></i>
        <i><a href="" class="iconfont"><span>&#xe61b;</span>专业售后</a></i>
    </div>
</div>
<!-- 尾部 -->
<div class="footer">
    <div class="footer-md">
        <!--帮助中心-->
        <div class="footer-help">
                <h6><a href="">帮助中心</a></h6>
            <div class="footer-sm">
                <ul>
                    <p>新手指南</p>
                    <li><a href="">注册新用户</a></li>
                    <li><a href="">网站订购流程</a></li>
                    <p style="padding-top: 15px;">如何付款退款</p>
                    <li><a href="">支付方式</a></li>
                    <li><a href="">发票制作说明</a></li>
                    <li><a href="">如何办理退款/a></li>
                </ul>
            </div>
            <div class="footer-sm">
                <ul>
                    <p>配送方式</p>
                    <li><a href="">配送范围及配送时间</a></li>
                    <li><a href="">配送费收取标准</a></li>
                    <p style="padding-top: 15px;">售后服务</p>
                    <li><a href="">退换货政策</a></li>
                    <li><a href="">如何办理退货</a></li>
                    <li><a href="">保修服务</a></li>
                </ul>
            </div>
            <div class="footer-sm">
                <ul>
                    <p>自助查询</p>
                    <li><a href="">常用自助服务</a></li>
                    <li><a href="">热点问题</a></li>
                    <li><a href="">网站地图</a></li>
                    <li><a href="">产品问题帮助</a></li>
                    <li><a href="">产品说明书</a></li>
                    <li><a href="">产品操作视频</a></li>
                    <li><a href="">定制图案及文字说明细则</a></li>
                </ul>
            </div>
            <div class="footer-sm">
                <ul>
                    <p>其他</p>
                    <li><a href="">交易条款</a></li>
                    <li><a href="">关于我们</a></li>
                </ul>
            </div>
        </div>
        <!--友情链接-->
        <div class="footer-link">
            <h6><a href="">友情链接</a></h6>
            <div class="footer-col" style="margin-left: 75px;">
                <ul>
                    <li><a href="">卡西欧官网</a></li>
                    <li><a href="">卡西欧G-SHOCK</a></li>
                    <li><a href="">卡西欧电子教育</a></li>
                    <li><a href="">卡西欧计算器</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <ul>
                    <li><a href="">卡西欧电子乐器</a></li>
                    <li><a href="">卡西欧手表</a></li>
                    <li><a href="">快递查询</a></li>
                </ul>
            </div>
        </div>
        <!--C`sCLUB-->
        <div class="footer-club">
            <h6><a href="">C`s CLUB</a></h6>
                <ul>
                    <li><a href="">定制服务</a></li>
                    <li><a href="">积分商城</a></li>
                    <li><a href="">试用中心</a></li>
                    <li><a href="">卡西欧头条</a></li>
                </ul>
        </div>
        <!--底部 footer 咨询电话 在线客服 二维码-->
        <div class="footer-con">
            <div class="footer-con-a">
                <div class="footer-con-b">
                    <div class="footer-con-c">
                        <i class="iconfont">&#xe604;</i>
                    </div>
                    <div class="footer-con-d">
                        <span>咨询电话</span><br />
                        <span>400-700-6655</span>
                    </div>
                </div>
                <div class="footer-con-b">
                    <div class="footer-con-d">
                        <span>周一到周日9:00 - 18:00</span><br />
                        <span>（国定假日除外）</span>
                    </div>   
                </div>
            </div>
            <div class="footer-con-a"style="width: 350px;">
                <div class="footer-con-b">
                    <div class="footer-con-c">
                        <i class="iconfont" style="padding-left: 20px;">&#xe61b;</i>
                    </div>
                    <div class="footer-con-d">
                        <span style="line-height:50px;">在线客服</span>
                    </div>
                </div>
                <div class="footer-con-b">
                    <div class="footer-con-d">
                        <span>周一到周日9:00 - 21:00</span><br />
                        <span>（国定假日除外）</span>
                    </div>   
                </div>
            </div>
            <div class="footer-con-a" style="width: 263px;">                   
                <div class="footer-con-b">
                    <i style="padding-left: 30px;"><img src="./image/qrcode.jpg" alt=""></i>
                    <div class="footer-con-d" style="float: right; margin-left: 10px;">
                        <span style="text-align: center;">手机访问</span><br />
                        <span>卡西欧官方商城</span>
                    </div>   
                </div>
            </div>
            <div class="footer-con-a" style="width: 263px; border-right: none;">                   
                <div class="footer-con-b">
                    <i style="padding-left: 20px;"><img src="./image/qrcode-public.png" alt=""></i>
                    <div class="footer-con-d" style="float: right; margin-left: 10px;">
                        <span>扫码关注卡西欧</span><br />
                        <span>官方商城微信</span>
                    </div>   
                </div>
            </div>
        </div>
    </div>
    <!--京ICP 备案-->
    <div class="footer-pull">
        <a href="">京ICP备 10009123号-10</a>
        <a href=""><img src="./image/business_license_icon.png" alt=""></a>
        <a href="" style="float: right;">www.casiostore.com.cn</a>
    </div>
</div>
<script>
    var res = new Box('menu');
    res.init()
</script>
<script type="text/javascript">
    var nav=document.querySelector('.nav');
    window.onscroll =function(){
        var arr = document.documentElement.scrollTop || document.body.scrollTop;
        if( arr>=40){
            nav.style.position = "fixed";
            nav.style.top = "0px";
        }else{
            nav.style.position = "relative";
        }
    }
</script>
</body>
</html>
